<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小红书-发现</title>
  <link rel="stylesheet" type="text/css" href="../css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="../css/default.css">
  <link rel="stylesheet" href="../css/faxian.css">
  <link rel="stylesheet" href="../字体图标/iconfont.css">
  
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/登录窗口.css">
  <link rel="shortcut icon" href="../js/标题.ico">
  <style>
   
    </style>
</head>
<body>
  <!-- 头部导航栏 -->
  <div class="header">
    <!-- logo区域 -->
    <img src="../img/logo.png" alt="" class="logo">
    <div class="k"></div>
    <!-- 导航区域 -->
    <ul class="daoH">
      <li><a href="../HTML/index.html">首页</a></li>
      <li><a href="../HTML/faxian.html">发现</a></li>
      <li><a href="../HTML/专业号平台.html">业务合作</a></li>
      <li><a href="../HTML/创作者中心.html">创作者服务</a></li>
      <li><a href="../HTML/cy.html">新闻中心</a></li>
      <li><a href="../HTML/关于我们.html">关于我们</a></li>
      <li><a href="#">社会责任</a></li>
      <li><a href="#">加入我们</a></li>
      <li><a href="#">中文</a></li>
    </ul>
    <!-- 登录区域 -->
    <div class="dengLu">
      <a href="../HTML/denglu.html"><img src="../img/葫芦娃.jpg" alt="" class="deng"></a>
      <!-- <img src="../js/未登录.png" alt="" class="wei"> -->
    </div>
  </div>

  <!-- 个人主页 -->
  <div class="geren">
    <div class="xinxi">
      <div class="left">
        <a href="">
          <img src="../img/01.jpg" alt="" class="gerenzhuyetu">
        </a>
        <div class="slider-footer">
        <ul class="slider-indicator">
          <li class="active2"></li>
          <li></li>
          <li></li>
          <li></li>   
        </ul>
        <div class="toggle">
          <button class="prev">&lt;</button>
          <button class="next">&gt;</button>
        </div>
        <div class="tuopianyeshu">1/4</div>

      </div>
    </div>
      
      <div class="right">
        <!-- 头部个人信息 -->
        <div class="top">
          <div class="touxiang">
            <a href="denglu.html" class="author" target=“_blank”>
              <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
              <span>Like and fit</span>
            </a>
          </div>
          <!-- 关注按钮 -->
          <div class="user-gz">
            <div class="guanzhu">关注</div>
            <div class="tc">
                <div class="tc1">确认不再关注？</div>
                <div class="tc2">
                    <button class="btn">
                        <span class="q1" data-io="0"
                            style="color: rgba(51, 51, 51, .6); font-weight: 400;">

                            取消

                        </span>
                    </button>
                    <button>
                        <span class="q1" data-io="1">

                            确认

                        </span>
                    </button>
                </div>
            </div>
        </div>
       
        </div>

         <!-- 中间登录 -->
        <div class="lijidenglu">
          <div class="center">立即登录</div>

           <!-- 评论区 -->
          <div class="list">
            <div class="item" style="display: none;">
              <i class="avatar"> </i>
              <div class="info">
                <p class="name">Like and fit</p>
                <p class="text">大家都辛苦啦，感谢各位大大的努力，能圆满完成真是太好了[笑哭][支持]</p>
                <p class="time">2023-02-12 09:05:21</p>
              </div>
            </div>
          </div>

           <!-- 登录窗口 -->
           <div class="zc">
            <!-- 遮罩层 -->
            <i class="reds-mask"></i>
            <div class="login-container">
                <!-- 关闭 -->
                <div class="gb">×</div>
                <!-- 左边 -->
                <div class="left">
                    <!-- logo -->
                    <img src="../images/zc1.png" alt="" class="logo">
                    <div class="qrcode">
                        <img src="../images/zc2.png" alt="" class="qrcode-img">
                        <img src="../images/zc3.png" alt="" class="icon">
                    </div>
                    <img src="../images/zc4.png" alt="" class="tip">
                </div>
                <!-- 右边 -->
                <div class="right">
                    <!-- 标题 -->
                    <div class="title">验证码登录</div>
                    <!-- input框 -->
                    <div class="input-container">
                        <label class="phone">
                            <span class="country-code">
                                +86
                            </span>
                            <input type="text" placeholder="输入手机号" class="tel" maxlength="11"
                                onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
                            <div>
                                <i class="iconfont icon-chacha" style="color: #d6d6d6;"></i>
                            </div>
                        </label>
                        <div class="err-msg"></div>
                        <label class="auth-code">
                            <input type="text" placeholder="输入验证码" class="num" maxlength="6"
                                onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
                            <span class="code-button">发送验证码</span>
                        </label>
                        <div class="err-msg"></div>
                        <button class="submit">登录</button>
                    </div>
                    <!-- 用户协议 -->
                    <div class="agreements">
                        <div class="danxuan" style="width: 14px; height: 14px;">
                            <i class="iconfont icon-duigouxiao" style="opacity: 0;"></i>
                        </div>
                        <div class="tooltip">
                            <i></i>
                            <span>请阅读并勾选隐私协议</span>
                        </div>
                        <label for="">我已阅读并同意</label>
                        <a href="https://agree.xiaohongshu.com/h5/terms/ZXXY20220331001/-1">《用户协议》</a>
                        <a href="https://agree.xiaohongshu.com/h5/terms/ZXXY20220509001/-1">《隐私政策》</a>
                        <a href="https://oa.xiaohongshu.com/h5/terms/ZXXY20220516001/-1">《儿童/青少年个人信息保护规则》</a>
                    </div>
                </div>
            </div>
        </div>



        </div>
        <!-- 底部评论 -->
        <div class="button">
         <div class="shoucang">
          <div class="xing">
            <div class="aixin">
              <span class="iconfont icon-aixin"></span>
              <span class="shuzi">100+</span>
            </div>
            <div class="xingxing">
              <span class="iconfont icon-xingxing"></span>
              <span class="shuzi">10</span>
            </div>
            <div class="weixin">
              <span class="iconfont icon-weixin"></span>
              <span class="shuzi">6</span>
            </div>
          </div>
          <!-- 分享 -->
          <div class="fenxiang">
            <span class="iconfont icon-7"></span>
            <div class="erweima">
              <div class="shang">
                <img src="../img/下载.png" alt="">
                 手机扫码分享观看
              </div>
              <div class="xia">
                <div class="wei">
                  <span class="iconfont icon-weixin1"></span>
                </div>
                <div class="qq">
                  <span class="iconfont icon-QQ"></span>
                </div>
                <div class="weibo">
                  <span class="iconfont icon-social-weibo"></span>
                </div>
              </div>
            </div>
          </div>
         </div>
         <div class="wrapper">
          <i class="avatar"> </i>
          <textarea id="tx" placeholder="发一条友善的评论" rows="2" maxlength="200"></textarea>
          <button class="fabu">发布</button>
        </div>
         <!-- <input type="text" class="comment-input" placeholder="说点什么..."> -->

        </div>
      </div>
    </div>
    <div class="guanbi">X</div>
    <div class="mask"></div>
  </div>


  <!-- 主体 -->
  <div class="htmleaf-content bgcolor-3">
    <div id="div1">
        <div class="box">
          <div class="tutou">
            <a href=""><img src="../img/01.jpg" alt=""></a> 
          </div>
         
          <div class="footer">
             <span class="uname">绘画小兔子</span> 
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin "></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou">
            <a href=""><img src="../img/02.jpg" alt=""></a>
          </div>
          
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">1000</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou"><a href=""> <img src="../img/03.jpg" alt=""></a></div>
         
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou">
            <a href=""><img src="../img/04.jpg" alt=""></a>
          </div>
          
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou">
            <a href=""><img src="../img/05.jpg" alt=""></a>
          </div>
          
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou">
            <a href=""> <img src="../img/06.jpg" alt=""></a>
          </div>
         
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou">
            <a href=""><img src="../img/07.jpg" alt=""></a>
          </div>
          
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>
        <div class="box">
          <div class="tutou">
            <a href=""><img src="../img/01.jpg" alt=""></a>
          </div>
          
          <div class="footer">
            <a href="#"> <span class="uname">绘画小兔子</span> </a>
            <div class="author-wrapper">
              <a href="denglu.html" class="author" target=“_blank”>
                <img class="author-avatar" src="../img/葫芦娃.jpg" alt="">
                <span>Like and fit</span>
              </a>
              <div class="tubiao">
                <span class="iconfont icon-aixin"></span>
                <span class="count">100</span>
              </div>
             
            </div>
          </div>
        </div>      
    </div>
  </div>
  
  <!-- 侧边栏 -->
  <div class="back-top ">
      <span class="iconfont icon--xiangshangjiantou"></span>
  </div>

 
  

  <script src="../js/jquery-1.7.2.min.js"></script>
	<script src="../js/jquery.waterfall.js"></script>
	<script src="../js/faxian.js"></script>
  <!-- <script src="../js/登录窗口.js"></script> -->
</body>
</html>